<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>加入表单元素 - 数据表格</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${global_templets_skin}/systemstyle/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${global_templets_skin}/systemstyle/style/admin.css" media="all">
    <link rel="stylesheet" href="${global_templets_skin}/systemstyle/style/template.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">模板购买</div>
                <div class="layui-card-body">
                    <div class="layui-fluid layadmin-cmdlist-fluid">
                        <div class="layui-row layui-col-space30">
                            <div class="layui-container fly-marginTop">
                                <div class="fly-panel layui-text">
                                    <div class="fly-panel-main">
                                        <form class="layui-form" action="/order/buy/">
                                            <div class="layui-form-item">
                                                <label class="layui-form-label">模板名称：</label>
                                                <div class="layui-form-mid" style="float: none;">
                                                    <a href="https://www.layui.com/admin/" target="_blank">PC端、移动端豪华版</a>
                                                </div>
                                            </div>
<!--                                            <div class="layui-form-item">
                                                <label class="layui-form-label">版本：</label>
                                                <div class="layui-input-block">
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary layui-this"
                                                            data-id="3" data-type="change" data-required="true">单页版
                                                    </button>
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary" data-id="4"
                                                            data-type="change" data-required="true">iframe 版
                                                    </button>
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary" data-id="8"
                                                            data-type="change" data-required="true">套餐版
                                                    </button>
                                                </div>
                                            </div>-->
                                            <div class="layui-form-item">
                                                <label class="layui-form-label">使用时间：</label>
                                                <div class="layui-input-block">
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary" data-id="6"
                                                            data-type="change" data-required="true">免费试用七天
                                                    </button>
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary" data-id="6"
                                                            data-type="change" data-required="true">一年
                                                    </button>
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary" data-id="6"
                                                            data-type="change" data-required="true">两年
                                                    </button>
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary layui-this"
                                                            data-id="7" data-type="change" data-required="true">三年
                                                    </button>
                                                    <button type="button"
                                                            class="fly-form-btn layui-btn layui-btn-primary layui-this"
                                                            data-id="7" data-type="change" data-required="true">五年
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="layui-form-item"><label class="layui-form-label">您的选择：</label>
                                                <div class="layui-input-block">
                                                    <div class="layui-form-mid"><strong>layuiAdmin 单页版 永久授权</strong>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item"><label class="layui-form-label">所需费用：</label>
                                                <div class="layui-input-block">
                                                    <div class="layui-form-mid" id="LAY_price"
                                                         style="font-size: 23px; color: #FF5722;">￥1600
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item"><label class="layui-form-label">支付方式：</label>
                                                <div class="layui-input-block"><input type="radio" name="pay_type"
                                                                                      value="alipay" title=""
                                                                                      checked="">
                                                    <div class="layui-unselect layui-form-radio layui-form-radioed"><i
                                                            class="layui-anim layui-icon"></i>
                                                        <div><i class="iconfont icon-alipay" title="支付宝"
                                                                style="top: -1px;"></i></div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-input-block"><input type="checkbox" name="agreement"
                                                                                      lay-skin="primary" title=""
                                                                                      checked="">
                                                    <div class="layui-unselect layui-form-checkbox layui-form-checked"
                                                         lay-skin="primary"><i class="layui-icon layui-icon-ok"></i>
                                                    </div>
                                                    <a href="http://fly.layui.com/jie/26280/" target="_blank"
                                                       style="position: relative; top: 6px; left: 5px; text-decoration: underline; color: #5FB878;">同意产品服务协议</a>
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-input-block"><input type="hidden" name="itemid"
                                                                                      value="4">
                                                    <button class="layui-btn layui-btn-danger" lay-submit=""
                                                            lay-filter="orderPay">立即提交
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="${global_templets_skin}/systemstyle/layui/layui.js"></script>
    <script>
        layui.config({
            base: '${global_templets_skin}/systemstyle/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'form'], function () {
            var table = layui.table
                , form = layui.form
                , $ = layui.$;
        });
    </script>
</body>
</html>